<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>河南大学计算机与信息工程学院</title>
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <meta content="" name="keywords">
  <meta content="" name="description">

  <!-- Favicon -->
  <link rel="shortcut icon " type="images/x-icon" href="img/icon.ico">

  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Raleway:400,500,700|Roboto:400,900" rel="stylesheet">

  <!-- Bootstrap CSS File -->
  <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">

  <!-- Libraries CSS Files -->
  <link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  <link href="lib/swiper/css/swiper.min.css" rel="stylesheet">

  <!-- Main Stylesheet File -->
  <link href="css/style.css" rel="stylesheet">
  <link href="css/head.css" rel="stylesheet">
  <link href="css/foot.css" rel="stylesheet">
  <link href="css/little_pic_list.css" rel="stylesheet">

  
</head>

<body>
  <!-- Page Content
    ================================================== -->


  <!-- Header -->
  <header id="header">
    <div class="container">

      <div id="logo" class="pull-left">
        <a href="index.html"><img src="img/logo-nav.png
          " alt="" title="" /></img></a>
      </div>

      <nav id="nav-menu-container">
        <ul class="nav-menu">
          <li><a href="index.html">首页</a></li>
          <li class="menu-has-children">
            <a href="#">学院概况</a>
            <ul>
              <li><a href="#">学院简介</a></li>
              <li><a href="#">现任领导</a></li>
              <li><a href="#">机构设置</a></li>
              <li><a href="#">院务公开</a></li>
            </ul>
          </li>
          <li class="menu-has-children">
            <a href="#picture">党务工作</a>
            <ul>
              <li><a href="#">组织建设</a></li>
              <li><a href="#">工作动态</a></li>
              <li><a href="#">理论学习</a></li>
              <li><a href="#">相关下载</a></li>
            </ul>
          </li>
          <li class="menu-has-children">
            <a href="#">群团组织</a>
            <ul>
              <li><a href="#">团委工作</a></li>
              <li><a href="#">工会工作</a></li>
            </ul>
          </li>
          <li class="menu-has-children">
            <a href="">师资队伍</a>
            <ul>
              <li><a href="#">队伍简介</a></li>
              <li><a href="#">教师名录</a></li>
            </ul>
          </li>
          <li class="menu-has-children">
            <a href="#">教学工作</a>
            <ul>
              <li><a href="#">本科生教育</a></li>
              <li><a href="#">成人教育</a></li>
              <li><a href="#">教学资源</a></li>
              <li><a href="#">创新项目实践</a></li>
              <li><a href="#">相关文件</a></li>
              <li><a href="#">下载中心</a></li>
            </ul>
          </li>
          <li class="menu-has-children">
            <a href="#">研究生教育</a>
            <ul>
              <li><a href="#">培养计划</a></li>
              <li><a href="#">日常管理</a></li>
              <li><a href="#">规章制度</a></li>
              <li><a href="#">导师信息</a></li>
              <li><a href="#">下载中心</a></li>
            </ul>
          </li>
          <li class="menu-has-children">
            <a href="#">科学研究</a>
            <ul>
              <li><a href="#">科研机构</a></li>
              <li><a href="#">科研成果</a></li>
              <li><a href="#">学术交流</a></li>
              <li><a href="#">重点团队</a></li>
              <li><a href="#">下载中心</a></li>
            </ul>
          </li>
          <li class="menu-has-children">
            <a href="#">学生工作</a>
            <ul>
              <li><a href="#">规章制度</a></li>
              <li><a href="#">心理健康</a></li>
              <li><a href="#">助学贷款</a></li>
            </ul>
          </li>
          <li class="menu-has-children">
            <a href="#">招生就业</a>
            <ul>
              <li><a href="#">本科生</a></li>
              <li><a href="#">研究生</a></li>
              <li><a href="#">成人教育</a></li>
            </ul>
          </li>
          <li class="menu-has-children">
            <a href="#">信息平台</a>
            <ul>
              <li><a href="#">信息平台</a></li>
            </ul>
          </li>
        </ul>
      </nav>
    </div>
  </header>
  <!-- #header -->


	<!-- banner -->
	<div class="banner">
		<!-- Swiper -->
		<div class="swiper-wrapper">
			<div class="swiper-slide"><a href=""><img class="banner_img" src="img/porf-1.jpg" alt=""></a></div>
			<div class="swiper-slide"><a href=""><img class="banner_img" src="img/porf-2.jpg" alt=""></a></div>
			<div class="swiper-slide"><a href=""><img class="banner_img" src="img/porf-3.jpg" alt=""></a></div>
			<div class="swiper-slide"><a href=""><img class="banner_img" src="img/porf-4.jpg" alt=""></a></div>
			<div class="swiper-slide"><a href=""><img class="banner_img" src="img/porf-5.jpg" alt=""></a></div>
		</div>
		<!-- Add Pagination -->
		<div class="swiper-pagination"></div>
		<!-- Add Arrows -->
		<div class="swiper-button-next"></div>
		<div class="swiper-button-prev"></div>
	</div>
	<!-- //banner -->


	<!-- middle part -->
	<div class="mid-part">
		<div class="left-part">
			<p class="left-title">学院概况</p>
			<ul>
				<li class="left-part-active">
					<div class="left-part-div"></div>
					<a href="single.html">
						<p>学院简介</p>
					</a>
				</li>
			</ul>
		</div>
		<div class="right-part">
			<div class="right-nav">
				<p>当前位置：<a href="">首页</a>&nbsp;/&nbsp;<a href="">学院概况</a>&nbsp;/&nbsp;<a href="">学院简介</a></p>
			</div>
			<div class="right-down">
        <div class="space-30"></div>
        <div class="pic_list">
          <div class="list_column">
            <h3>党务人员</h3>
            <ul>
              <li><i class="fa fa-male fa-fw fa-lg text-primary"></i> <a href="http://cs.henu.edu.cn/former/read_teacher/18/158">吕冰</a>(硕士/副教授/&nbsp;)</li>
              <li><i class="fa fa-male fa-fw fa-lg text-primary"></i> <a href="http://cs.henu.edu.cn/former/read_teacher/18/179">柯杨</a>(本科/副教授/&nbsp;)</li>
              <li><i class="fa fa-female fa-fw fa-lg text-danger"></i> <a href="http://cs.henu.edu.cn/former/read_teacher/18/107">魏丹</a>(硕士/讲师/)</li>
              <li><i class="fa fa-female fa-fw fa-lg text-danger"></i> <a href="http://cs.henu.edu.cn/former/read_teacher/18/146">郑珊珊</a>(硕士/讲师/)</li>
              <li><i class="fa fa-male fa-fw fa-lg text-primary"></i> <a href="http://cs.henu.edu.cn/former/read_teacher/18/81">鲁建国</a>(本科/讲师/)</li>
              <li><i class="fa fa-female fa-fw fa-lg text-danger"></i> <a href="http://cs.henu.edu.cn/former/read_teacher/18/126">姚莉</a>(本科/高级实验师/)</li>
              <li><i class="fa fa-female fa-fw fa-lg text-danger"></i> <a href="http://cs.henu.edu.cn/former/read_teacher/18/96">孙洁</a>(硕士/讲师/)</li>
              <li><i class="fa fa-male fa-fw fa-lg text-primary"></i> <a href="http://cs.henu.edu.cn/former/read_teacher/18/159">程前帅</a>(硕士/实验师/)</li>
              <div class="clearfix"></div>
            </ul>
          </div>
          <div class="list_column">
            <h3>行政人员</h3>
            <ul>
              <li><i class="fa fa-male fa-fw fa-lg text-primary"></i> <a href="http://cs.henu.edu.cn/former/read_teacher/18/158">吕冰</a>(硕士/副教授/&nbsp;)</li>
              <li><i class="fa fa-male fa-fw fa-lg text-primary"></i> <a href="http://cs.henu.edu.cn/former/read_teacher/18/179">柯杨</a>(本科/副教授/&nbsp;)</li>
              <li><i class="fa fa-female fa-fw fa-lg text-danger"></i> <a href="http://cs.henu.edu.cn/former/read_teacher/18/107">魏丹</a>(硕士/讲师/)</li>
              <li><i class="fa fa-female fa-fw fa-lg text-danger"></i> <a href="http://cs.henu.edu.cn/former/read_teacher/18/146">郑珊珊</a>(硕士/讲师/)</li>
              <li><i class="fa fa-male fa-fw fa-lg text-primary"></i> <a href="http://cs.henu.edu.cn/former/read_teacher/18/81">鲁建国</a>(本科/讲师/)</li>
              <li><i class="fa fa-female fa-fw fa-lg text-danger"></i> <a href="http://cs.henu.edu.cn/former/read_teacher/18/126">姚莉</a>(本科/高级实验师/)</li>
              <li><i class="fa fa-female fa-fw fa-lg text-danger"></i> <a href="http://cs.henu.edu.cn/former/read_teacher/18/96">孙洁</a>(硕士/讲师/)</li>
              <div class="clearfix"></div>
            </ul>
          </div>
          <div class="list_column">
            <h3>计算机系</h3>
            <ul>
              <li><i class="fa fa-female fa-fw fa-lg text-danger"></i> <a href="http://cs.henu.edu.cn/former/read_teacher/18/96">孙洁</a>(硕士/讲师/)</li>
              <div class="clearfix"></div>
            </ul>
          </div>
          <div class="list_column">
            <h3>网络工程系</h3>
            <ul>
              <li><i class="fa fa-female fa-fw fa-lg text-danger"></i> <a href="http://cs.henu.edu.cn/former/read_teacher/18/96">孙洁</a>(硕士/讲师/)</li>
              <div class="clearfix"></div>
            </ul>
          </div>
          <div class="list_column">
            <h3>软件工程系</h3>
            <ul>
              <li title="孙洁(硕士/讲师/)"><i class="fa fa-female fa-fw fa-lg text-danger"></i> <a href="http://cs.henu.edu.cn/former/read_teacher/18/96">孙洁</a>(硕士/讲师/)</li>
              <div class="clearfix"></div>
            </ul>
          </div>
          <div class="list_column">
            <h3>自动化系</h3>
            <ul>
              <li title="孙洁(硕士/讲师/)"><i class="fa fa-female fa-fw fa-lg text-danger"></i> <a href="http://cs.henu.edu.cn/former/read_teacher/18/96">孙洁</a>(硕士/讲师/)</li>
              <div class="clearfix"></div>
            </ul>
          </div>
          <div class="list_column">
            <h3>软件技术实验室</h3>
            <ul>
              <li title="孙洁(硕士/讲师/)"><i class="fa fa-female fa-fw fa-lg text-danger"></i> <a href="http://cs.henu.edu.cn/former/read_teacher/18/96">孙洁</a>(硕士/讲师/)</li>
              <div class="clearfix"></div>
            </ul>
          </div>
          <div class="list_column">
            <h3>自动控制实验室</h3>
            <ul>
              <li title="孙洁(硕士/讲师/)"><i class="fa fa-female fa-fw fa-lg text-danger"></i> <a href="http://cs.henu.edu.cn/former/read_teacher/18/96">孙洁</a>(硕士/讲师/)</li>
              <div class="clearfix"></div>
            </ul>
          </div>
          <div class="list_column">
            <h3>外聘</h3>
            <ul>
              <li><i class="fa fa-female fa-fw fa-lg text-danger"></i> <a href="http://cs.henu.edu.cn/former/read_teacher/18/96">孙洁</a>(硕士/讲师/)</li>
              <div class="clearfix"></div>
            </ul>
          </div>
          <div class="list_column">
            <h3>其他</h3>
            <ul>
              <li><i class="fa fa-female fa-fw fa-lg text-danger"></i> <a href="http://cs.henu.edu.cn/former/read_teacher/18/96">孙洁</a>(硕士/讲师/)</li>
              <div class="clearfix"></div>
            </ul>
          </div>
        </div>
        <div class="space-30"></div>
			</div>
		</div>
	</div>
	<!-- //middle part -->
	
	<div class="clearfix"></div>

  
  <footer class="site-footer">
    <div class="bottom">
      <div class="container">
        <div class="row">

          <div class="copyright col-lg-6 col-xs-12 text-lg-left text-center">
            <p>【<a href="http://cs.henu.edu.cn/" target="_blank" title="河南大学计算机与信息工程学院">河南大学计算机与信息工程学院</a>】</p>
            <p><i class="fa fa-map-marker fa-fw"></i>&nbsp;地址：中国 河南 开封/金明大道&nbsp;|&nbsp;邮编：475001/475004</p>
            <p class="copyright-text"><i class="fa fa-copyright fa-fw"></i>&nbsp;版权所有：河南大学计算机与信息工程学院
            </p>
            <p><i class="fa fa-support fa-fw"></i>&nbsp;<a href="http://www.107lab.com/" target="_blank" title="河南大学计算机与信息工程学院107网站工作室">河南大学计算机与信息工程学院107网站工作室</a>制作维护</p>
          </div>

          <div class="weixin col-lg-6 col-xs-12 text-lg-center text-center">
            <p><i class="fa fa-weixin fa-fw"></i>&nbsp;官方微信：hndsjsxy</p>
            <img src="img/weixin.jpg" alt="官方微信：hndxjsjxy" title="河南大学计算机与信息工程学院官方微信">
          </div>
        </div>
      </div>
    </div>
  </footer>


  <div class="english"><a href="http://cs.henu.edu.cn/en/" target="_blank" title="Click here to enter the official website of English"><p>En</p></a></div>

  <a class="scrolltop" href="#"><span class="fa fa-angle-up"></span></a>

  <!-- Required JavaScript Libraries -->
  <script src="lib/jquery/jquery-3.3.1.min.js"></script>
  <script src="lib/jquery/jquery-migrate.min.js"></script>
  <script src="lib/superfish/hoverIntent.js"></script>
  <script src="lib/superfish/superfish.min.js"></script>
  <script src="lib/tether/js/tether.min.js"></script>
  <script src="lib/stellar/stellar.min.js"></script>
  <script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="lib/counterup/counterup.min.js"></script>
  <script src="lib/waypoints/waypoints.min.js"></script>
  <script src="lib/easing/easing.js"></script>
  <script src="lib/stickyjs/sticky.js"></script>
  <script src="lib/parallax/parallax.js"></script>
  <script src="lib/lockfixed/lockfixed.min.js"></script>
  <script src="lib/swiper/js/swiper.min.js"></script>

  <!-- Template Specisifc Custom Javascript File -->
  <!-- <script src="js/custom.js"></script> -->
  <script type="text/javascript" src="js/head_foot.js"></script>
  <script type="text/javascript" src="js/common.js"></script>


</body>
</html>